import React from "react";
import config from "@/common/config/app.config";
import style from "./index.less";

interface IProps {
    collapsed: boolean;
}

const Logo: React.FC<IProps> = (props: IProps): React.ReactElement => {
    return (
        <div
            className={style.logo}
            style={{ width: props.collapsed ? 78 : config.menuWidth }}
        >
            <img
                src=""
                alt=""
                className={style.icon}
            />
            <div
                className={style.title}
                style={{ transform: props.collapsed ? "scale(0)" : "scale(1)" }}
            >
                {config.projectName}
            </div>
        </div>
    );
};

export default Logo;
